import Vue from 'vue'
import VueRouter from 'vue-router'
import Login from '../views/main/vue/Login.vue' // 登陆页面
import Home from '../views/main/vue/Home.vue' // 欢迎主页
import IndexPage from '../views/main/vue/IndexPage.vue' // 主页面板
import UserList from '../views/User/vue/UserList.vue' // 用户列表
import MenuList from '../views/Menu/vue/MenuList.vue' // 菜谱列表
import MenuAdd from '../views/Menu/vue/MenuAdd.vue' // 添加菜谱
import MenuRecycle from '../views/Recycle/vue/MenuRecycle.vue' // 菜谱回收站
import MenuInfo from '../views/Menu/vue/MenuInfo.vue' // 菜谱详情页

Vue.use(VueRouter)

const routes = [{ // 登陆页面
  path: '/',
  redirect: '/login'
},
{ // 登陆页面
  path: '/login',
  component: Login
},
{ // 主页
  path: '/home',
  component: Home,
  redirect: '/indexPage',
 
  children: [{
    path: '/indexPage',
    component: IndexPage
  },
  { // 用户列表
    path: '/userList',
    component: UserList
  },
  { // 菜谱列表
    path: '/menuList',
    component: MenuList
  },
  { // 添加菜谱
    path: '/menuAdd',
    component: MenuAdd
  },
  { // 菜谱回收站
    path: '/menuRecycle',
    component: MenuRecycle
  }

    // {
    //   path: '/params',
    //   component: Params
    // },

  ]
},
{ // 菜谱详情页
  path: '/menuInfo',
  component: MenuInfo
}
  // { //主页
  //   path: '/home',
  //   name: 'Home',
  //   component: Home
  //   // redirect:'/indexPage',
  //   // children:[{path:'/indexPage', component:IndexPage}]
  // },

]

const router = new VueRouter({
  routes
})


// 挂载路由导航守卫 登陆拦截
router.beforeEach((to, from, next) => {
  // to 将要访问的路径
  // from 代表从哪个路径跳转而来
  // next 是一个函数，表示放行
  //     next()  放行    next('/login')  强制跳转

  if (to.path === '/login') return next() // 如果访问登陆就放行
  // 获取user
  const user = sessionStorage.getItem('user')
  // const tokenStr = JSON.parse(win.sessionStorage.getItem('user')) //获取客户端存储的用户
  if (!user) return next('/login') // 未登陆到登陆页面
  next() // 登陆放行
})

export default router
